<template>
  <div class="component need-footer">
    <app-header title="产品剖析" :needBack="true"></app-header>
      <ul class="option-list">
        <router-link :to="{ name: item.router, query: { type: item.type }}" class="option-item" v-for="(item, index) in options" :key="index">
          {{item.name}}
        </router-link>
      </ul>
    <app-footer :active="4"></app-footer>
  </div>
</template>
<script>
import AppHeader from '@/components/common/AppHeader'
import AppFooter from '@/components/common/AppFooter'
const options = [
  { id: 1, name: '竞争关系分析', router: '', },
  { id: 2, name: '价格关注度分析', router: '', },
  { id: 3, name: '投诉量分析', router: '', },
  { id: 4, name: '投销比产品排名分析', router: '', },
  { id: 5, name: '投销比竞品排名分析', router: '', },
]
export default {
  name: "",
  data() {
    return {
      options: options,
    }
  },
  components: {
    AppHeader,
    AppFooter,
  }
}
</script>
<style lang="less" scoped>
  @import '../../assets/less/default.less';
</style>
